<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./../lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/kitui.css">
</head>

<body>
    <div class="kit-container" style="margin:15px;">
        <div class="kit-panel">
            <div class="kit-panel-header">
                <div class="kit-panel-title">header <span class="kit-badge">badge</span></div>
                <div class="kit-panel-tools">
                    <span><i class="fa fa-history" aria-hidden="true"></i></span>
                    <span><i class="fa fa-caret-down" aria-hidden="true"></i></span>
                    <span style="position: relative;">
                        <i class="fa fa-sliders" aria-hidden="true"></i>                        
                        <ul class="kit-dropdown kit-dropdown-right">
                                <li class="kit-item"><a href="javascript:;">Item1</a></li>
                                <li class="kit-item kit-active"><a href="javascript:;">Item1</a></li>
                                <li class="kit-item"><a href="javascript:;">Item1</a></li>
                                <li class="kit-divider">&nbsp;</li>
                                <li class="kit-item"><a href="javascript:;">Item1</a></li>
                        </ul>
                    </span>
                </div>
            </div>
            <div class="kit-panel-body">
                <div class="kit-tab kit-tab-bordered">
                    <ul class="kit-tab-title">
                        <li class="kit-item kit-active"><a href="javascript:;">tab1</a></li>
                        <li class="kit-item"><a href="javascript:;">tab2</a></li>
                        <li class="kit-item"><a href="javascript:;"><i class="fa fa-cogs" aria-hidden="true"></i> tab3</a></li>
                        <li class="kit-item"><a href="javascript:;">tab4</a></li>
                        <li class="kit-item"><a href="javascript:;">tab5</a></li>
                    </ul>
                    <div class="kit-tab-content">
                        <div class="kit-item kit-active">content1</div>
                        <div class="kit-item">content2</div>
                        <div class="kit-item">content3</div>
                        <div class="kit-item">content4</div>
                        <div class="kit-item">content5</div>
                    </div>
                </div>
            </div>
            <div class="kit-panel-footer">
                footer
            </div>
        </div>
    </div>
</body>

</html>